<template>
  <div class="com_box">
    <el-card class="box-card" shadow="hover">
      <div class="title text_oneline" :title="obj.title">{{ obj.title }}</div>
      <div class="description text_oneline" :title="obj.description">
        {{ obj.description }}
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "CardCom",
  props: {
    obj: {
      default: () => {
        return {
          title: "未设置标题",
          description: "未设置描述",
        };
      },
    },
  },
};
</script>

<style scoped lang="scss">
.com_box {
  .title,
  .description {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
  }
}
</style>
